<template>
    <div class="page-table-container border-box flex-column">
        <a-card class="page_content flex-column" :title="title" :hoverable="false" :bordered="false">
            <slot></slot>
        </a-card>
    </div>
</template>
<script setup lang="ts">
defineProps({
    title:{
        type:String,
        default:''
    }
})
</script>
<style lang="scss" scoped>
.page-table-container{
    flex: 1;
    margin: 20px;
    // .page_content{
    //     flex: 1;
    // }
    :deep(.ant-card-body){
        flex:1;
        display: flex;
        flex-direction: column;
        cursor: initial;
    }
}
</style>